import {
  course,
  courseGray,
  discovery,
  discoveryGray,
  mine,
  mineGray
} from '../../constant/resource';
import { phonePx } from '../../util/adapt';
import { Tab } from './types';

export const empty = '';

export const COURSE_ID = 1;

export enum TabId {
  Discovery,
  Course,
  Mine
}

export const TABS: Tab[] = [
  {
    id: TabId.Discovery,
    desc: '发现',
    hasShow: false,
    icon: discovery,
    grayIcon: discoveryGray,
    iconStyle: {
      width: phonePx(34),
      height: phonePx(23)
    }
  },
  {
    id: TabId.Course,
    desc: '上课',
    hasShow: false,
    icon: course,
    grayIcon: courseGray,
    iconStyle: {
      width: phonePx(20),
      height: phonePx(20)
    }
  },

  {
    id: TabId.Mine,
    desc: '我的',
    hasShow: false,
    icon: mine,
    grayIcon: mineGray,
    iconStyle: {
      width: phonePx(20),
      height: phonePx(20)
    }
  }
];

export const BACK_TO_TAB_NAV = 'BACK_TO_TAB_NAV';
